<template>
    <div class="happiness_content"
         :class="{'global_font':$store.state.nowTime==='moon'}">
        <img :src="title" alt="" style="margin-right: 5px">
        <slot></slot>
        <img :src="title" alt="" style="margin-left: 5px">
    </div>
</template>

<script>
export default {
    props:['title'],
    name: "LoveTitle"
}
</script>

<style scoped>
.happiness_content{
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
    color: #8f8c8c;
}
</style>